"use client";
import { useState } from "react";
export function UploadForm({ paperId, csrf, nextNo }: { paperId: string; csrf: string; nextNo: number }) {
  const [msg, setMsg] = useState<string | null>(null); const [busy, setBusy] = useState(false);
  const onSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
    e.preventDefault(); setBusy(true); setMsg(null); const fd = new FormData(e.currentTarget);
    try { const r = await fetch("/api/admin/upload", { method: "POST", body: fd, headers: { "x-csrf-token": csrf } }); const j = await r.json(); if (!r.ok) throw new Error(j.error ?? r.statusText); setMsg(`Uploaded ${j.label} (sha256 ${String(j.sha256).slice(0, 12)}…). Processing queued.`); setTimeout(() => location.reload(), 1200); }
    catch (err) { setMsg("Error: " + (err as Error).message); } finally { setBusy(false); }
  };
  return (<form onSubmit={onSubmit} className="grid sm:grid-cols-[1fr_8rem_10rem_1fr_auto] gap-2 items-end text-sm">
    <input type="hidden" name="paper_id" value={paperId} />
    <label className="block"><span className="label">PDF</span><input type="file" name="file" accept="application/pdf" required className="input mt-1 !py-1.5" /></label>
    <label className="block"><span className="label">Label</span><input name="label" defaultValue={`v${nextNo}`} className="input mt-1" /></label>
    <label className="block"><span className="label">Date (YYYY-MM[-DD])</span><input name="released_on" className="input mt-1" /></label>
    <label className="block"><span className="label">Description</span><input name="description" className="input mt-1" placeholder="Revised manuscript" /></label>
    <label className="flex items-center gap-2 pb-2"><input type="checkbox" name="make_current" defaultChecked /> current</label>
    <button className="btn btn-primary btn-sm sm:col-span-5 justify-self-start" disabled={busy}>{busy ? "Uploading…" : "Upload version"}</button>
    {msg && <p className="sm:col-span-5 text-xs text-fg-2">{msg}</p>}
  </form>);
}